<template lang="html">
  <div id="app"><img alt="Vue logo" src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
  </div>
</template>
<template>
  <div id="app2"><img alt="Vue logo"
                      src="./assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js + TypeScript App"/>
  </div>
</template>
<template lang="pug">
       body
              h1.someClass Jade - node template engine
                     #container
                            | dfefef
                            | erftrgfr
                            | sdfverdgr5g
</template>
<script>
import Vue from 'vue';

export default Vue.extend({
    name: 'app', components: {
        HelloWorld
    },
    foo: {}
});
</script>
<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
     name: 'app', components: {
          HelloWorld
     },
     foo: {}
});
</script>

<style>
#app {
   font-family: 'Avenir', Helvetica, Arial, sans-serif;
   text-align: center;
   margin-top: 60px;
}
</style>
<style lang="scss">
#main p {
      color: #00ff00;
      width: 97%;

      .redbox {
            background-color: #ff0000;
            color: #000000;
      }
}
</style>